﻿/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:    1.0
date:       07/27/11
author:   themepunch
email:      support@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/

.boxedcontainer   { max-width: 1170px; margin:auto; padding:0px 30px;}

/*********************************************
  - SETTINGS FOR BANNER CONTAINERS  -
**********************************************/

.tp-banner-container{
  width:100%;
  position:relative;
  padding:0;
}

.tp-banner{
  width:100%;
  position:relative;
}

.tp-banner-fullscreen-container {
  width:100%;
  position:relative;
  padding:0;
}

/*************************
  - CAPTIONS  -
**************************/

.tp-static-layers { position:absolute; z-index:505; top:0px;left:0px}

.tp-hide-revslider,.tp-caption.tp-hidden-caption  { visibility:hidden !important; display:none !important}

.tp-caption { z-index:1; white-space:nowrap}

.tp-caption-demo .tp-caption  { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important}


/* Bullets
-------------------------------------------------------*/

.tp-bullets.preview1 .bullet {
  cursor: pointer;
  position: relative !important;
  background: rgba(255, 255, 255, 0) !important;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 8px !important;
  height: 8px !important;
  border: 2px solid rgba(255, 255, 255, 0.7) !important;
  display: inline-block;
  margin-right: 5px !important;
  margin-left: 5px !important;
  margin-bottom: 20px !important;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  -o-transition: background-color 0.2s, border-color 0.2s;
  -ms-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  float:none !important;
}

.tp-bullets.preview1 .bullet.last {
  margin-right: 0px
}

.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fff !important;
  width: 8px !important;
  height: 8px !important;
  border: 2px solid rgba(0, 0, 0, 0) !important;
}


/* Scroll Down icon
-------------------------------------------------------*/

.scroll-down {
  font-size: 20px;
  width: 32px;
  height: 32px;
  background-color: rgba(255,255,255,.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  z-index: 50 !important;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -16px;
}

.scroll-down a {
  line-height: 36px;
  position: relative;
  z-index: 50 !important;
}

@-webkit-keyframes scroll-down-icon {
  0%{ bottom: 2px; }
  50%{ bottom: 7px; }
  100%{ bottom: 2px; }
}
@-moz-keyframes scroll-down-icon {
  0%{ bottom: 2px; }
  50%{ bottom: 7px; }
  100%{ bottom: 2px; }
}
@-o-keyframes scroll-down-icon {
  0%{ bottom: 2px; }
  50%{ bottom: 7px; }
  100%{ bottom: 2px; }
}
@keyframes scroll-down-icon {
  0%{ bottom: 2px; }
  50%{ bottom: 7px; }
  100%{ bottom: 2px; }
}

.scroll-down i {
  color: #fff;
  -webkit-animation: scroll-down-icon 1s infinite;
  -moz-animation: scroll-down-icon 1s infinite;
  -o-animation: scroll-down-icon 1s infinite;
  animation: scroll-down-icon 1s infinite;
  position: absolute;
  left: 10px;
}


/*Slides 2, 3*/

.tp-caption.hero-text {
  color: #fff;
  text-shadow: none;
  font-weight: 700;
  line-height: 60px;
  font-family: "Montserrat", "Microsoft YaHei",sans-serif;
  letter-spacing: 0.02em;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  padding: 0px 4px;
  padding-top: 1px;
  text-transform: uppercase;
}

.tp-caption.hero-text.giant_nocaps {
  font-size: 116px;
  text-transform: none;
}

.tp-caption.hero-text.huge_nocaps {
  font-size: 76px;
  text-transform: none;
}

.tp-caption.hero-text.huge_white {
  font-size: 76px;
}

.tp-caption.hero-text.large_white {
  font-size: 60px;
}

.tp-caption.hero-text.medium {
  font-size: 46px;
}

.tp-caption.medium_text {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: "Montserrat", "Microsoft YaHei",sans-serif;
  letter-spacing: 0.02em;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-transform: uppercase;
}

.tp-caption.small_text {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  font-family: "Montserrat", "Microsoft YaHei",sans-serif;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space: nowrap;
  text-shadow: none;
}

.subheading_text {
  font-family: "Pt Serif","Microsoft YaHei", Serif;
  font-size: 22px;
  color: #fff;
}

.tp-caption.hero-line {
  content: "";
  border-bottom: 3px solid #fff;
  width: 20%;
}

.tp-caption a {
  color: #fff;
}

.tp-caption a:hover {
  color: #fff;
}
